@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#5d5d5d;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#5d5d5d; }
a:hover{ color:#b13036;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

	
.barwrap{ width:100%;position:fixed; top:0; left:0; right:0; background:#FFF; margin-left:auto;margin-right:auto;z-index:1000000;}
.barwrap.on{ animation-name: down; height:110px; animation-duration: 1s;top:0;border-bottom: none;}

.znmenu{ width:80%; margin:0 auto;}

#nav {
	width:56%;
	float:right;
	margin-top:45px;
}
#nav li {
 float: left; width:14.2%;
}

#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#3c3c3c;
	font-weight:bold;
	font-size:15px;
	background:url(../images/menubgli.gif) no-repeat right bottom;
}

#nav li a:hover{
	text-decoration:none;
	color:#b13036;
    width:100%;
	background:none;
}

#nav li a#cur{color:#b13036;background:none;}

#nav li ul {
	line-height:37px;
	padding:25px 0 0 0;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 6.5%;
	position: absolute;
	border-top-style: none;
	overflow:hidden;
	background:#FFF;
	z-index:10000;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: none;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
}
#nav li ul a:link  {
 color:#7d7e7e; text-decoration:none;
}
#nav li ul a:visited  {
 color:#7d7e7e;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#b13036;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

.tzyw{ width:80px; height:35px; line-height:35px; margin-top:40px; text-align:center; border:1px solid #b13036; color:#b13036;}
.tzyw:hover{ background:#b13036; color:#FFF;}

/*banner滚动*/
.banner { position:relative; overflow:hidden; width: 100%;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear;
 -webkit-transition:opacity 1000ms linear; float:left; position: relative;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:50px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:15px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:10px; height:20px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#15569d;}
.banner .txt{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);  width: 1200px;}
.banner .txt img{ display: block; max-width: 100%;} 
/***************end*************/
/****************************************************/
.znchanpinzx{ width:100%; margin:0 auto; background:url(../images/chanpinbg.jpg) no-repeat; background-szie:cover; padding:35px 0;}
#products{ margin:0 auto; padding:0px; width:80%; margin-top:50px;}

.znchanpinzx1{ width:30%; color:#FFF;}
.znchanpinzx1 h1{ display:block; width:100%; font-size:36px;}
.znchanpinzx1 hr{ display:block; width:50%; height:2px; border:none; background:#FFF; margin-top:35px;}
.znchanpinzx1 h2{ display:block; width:100%; font-size:18px; font-weight:normal; margin-top:25px; }

#products #products_con{ margin:0px; padding:0px; height:442px;}
#products_con .LeftBotton {height:55px; width:69px; background:url(../images/prevs.png) no-repeat; float:right; cursor:pointer;}
#products_con .RightBotton {height:55px; width:69px; background:url(../images/Pnext.png) no-repeat; float:right; margin-left:-18px; cursor:pointer;}
#products_con .Cont {width:100%; overflow:hidden; float:left; margin-top:25px;}
#products_con .ScrCont{width:10000000px; padding:0; float:left;}
#products_con #List1, #products_con #List2 {float:left; padding:0px; margin:0px;}
#products_con .Cont li{ margin:0px; width:420px; margin:0 12px; background:#FFF; padding:32px;float:left; list-style:none; overflow:hidden;}
#products_con .Cont li a span{ display:block; margin-top:15px; font-weight:bold; line-height:42px; text-indent:20px; width:100%; float:left; background:url(../images/cplibg.png) no-repeat 0 18px; font-size:18px; color:#333333;}
#products_con .Cont li:hover{ background:#b13036; cursor:pointer;}
#products_con .Cont li:hover a span{ background:url(../images/cplibg-1.png) no-repeat 0 18px; color:#fff;}
#products_con img{ float:left; width:100%; height:auto;}
#products_con a{ display:block;}
.cpmore{ width:176px; height:55px; margin-left:10px;}

.anniulj{ margin-top:50px; float:right;}
/*********************************************************************************************/

.znabout{ width:100%; background:url(../images/aboutbg.jpg) no-repeat top center; padding:70px 0; margin:0 auto;}
.znabout1{ width:80%; margin:0 auto;}
.znabout1-1{ width:50%; margin-top:50px;}
.abh1{ width:100%; color:#333333; font-size:36px;}
.abxian{ width:35%; height:2px; border:none; background:#b13036; margin-top:30px;}
.abh2{ width:100%; color:#999999; font-size:18px; font-weight:normal; margin-top:15px;}
.abp01{ width:100%; line-height:26px; color:#727171; margin-top:50px; text-align:justify; white-space:pre-wrap;}
.aboutmore{ width:176px; height:55px; margin-top:10px;}
.znabout1-2{ width:47%; margin-left:3%; margin-top:100px;}
.znabout1-2 img{ width:100%; height:auto;}
/************************************************************************************/

.znyoushi{ width:100%; margin:0 auto; background:url(../images/youshibg.jpg) no-repeat top center; padding:70px 0;}
.znyoushikk{ width:80%; margin:0 auto;}
.znyoushi1 h1{ display:block; width:100%; text-align:right; font-size:36px; color:#FFF; float:right;}
.znyoushi1 hr{ display:block; width:12%; height:2px; background:#FFF; border:none; margin-top:35px; float:right;}
.znyoushi1 h2{ display:block; width:100%; font-weight:normal; float:right; text-align:right; font-size:18px; color:#FFF; margin-top:20px; font-size:18px;}

.tcyingyong{ width:100%; margin:0 auto; margin-top:35px;}
.tcyingyong2{ width:50%;}

.yingyongly{ width:100%;}
.yingyongly li{ width:49.8%; height:232px; float:left; cursor:pointer; background:#FFF; border:1px solid #dedede; overflow:hidden;}
.yingyongly li:hover{ background:url(../images/spanbg.gif) no-repeat; color:#FFF;}
.yytu{ width:80%; margin:10%;}
.yytu span{ display:block; width:100%; float:left; font-size:18px; font-weight:bold; line-height:63px;}
.yytu span img{ margin-right:12px;}
.yyimg{ display:block;}
.yyimg-2{ display:none;}
.yingyongly li:hover .yyimg{ display:none;}
.yingyongly li:hover .yyimg-2{ display:block;}
.yytu p{ width:100%; float:left; margin-top:20px; line-height:27px;}

.tcyingyong3{ width:50%;}
.tcyingyongul1{ width:100%;}
.tcyingyongul1 li{ width:100%; float:left; display:none;}
.tcyingyongul1 li img{ width:100%; height:465px;}
/****************************************************************************************/

.znyingyongbg{ width:100%; margin:0 auto; background:url(../images/yingyongbg.gif) repeat; padding:50px 0;}
.znyingyong{ width:80%; margin:0 auto; margin-top:80px;}
.znyingyong h1{ display:block; width:100%; float:left; text-align:right; color:#333333; font-size:36px;}
.znyingyong hr{ display:block; width:12%; height:2px; float:right; border:none;margin-top:35px; background:#b13036;}
.znyingyong h2{ display:block; width:100%; float:left; text-align:right; font-size:18px; font-weight:normal; color:#999999; margin-top:20px;}

.znyingyonglist{ width:80%; margin:0 auto; margin-top:35px;}
.znyingyonglist ul{ width:100%; float:left;}
.znyingyonglist li{ width:30.333%; float:left; margin:1.5%; cursor:pointer;}
.yytupian{ width:100%; display:block;}
.yytupian img{ width:100%; height:auto; float:left; position:relative; z-index:10;}
.yytupian span{ display:block; width:80%; font-size:24px; text-indent:32px; box-shadow:10px 10px 10px #999; float:left; background:#FFF; border-left:10px solid #b13036; line-height:100px; margin-top:-35px; position:relative; z-index:10000;}
.yylianjie{ display:none; width:100%; height:412px; position:relative; z-index:100000000;background:url(../images/yylibg.png) repeat;}
.yylianjie a img{ display:block; margin:0 auto; margin-top:35%;}
.znyingyonglist li:hover .yylianjie{ display:block; }
.znyingyonglist li:hover .yytupian{ display:none;}
/*************************************************************************************/

.znxinwen{ width:100%; margin:0 auto; background:url(../images/xinwenbg.jpg) no-repeat; background-size:cover; padding:80px 0;}
.znxinwen1{ width:80%; margin:0 auto;}
.znxinwen1 h1{ display:block; width:100%; float:left; font-size:36px; color:#FFF; margin-top:30px;}
.znxinwen1 hr{ display:block; width:12%; float:left; height:2px; background:#FFF; border:none; margin-top:35px;}
.znxinwen1 h2{ display:block; width:100%; float:left; font-size:18px; font-weight:normal; color:#FFF; margin-top:20px;}
.xwmore{ width:176px; height:55px; margin-top:-35px;}

.znxwul{ width:80%; margin:0 auto; margin-top:30px;}
.znxwul li{ width:30.3333%; float:left; margin:1.5%;}
.xwpic{ width:100%; height:auto;}
.xinwendiv{ width:95%; padding:5% 2.5%; background:#FFF;}
.xinwendiv h1{ display:block; width:100%; float:left; font-size:17px;}
.xinwendiv h2{ display:block; width:100%; float:left; font-size:14px; font-weight:normal; margin-top:10px;}
/*****************************************************************************************/

.znfoot{ width:100%; margin:0 auto; background:url(../images/footbg.jpg) no-repeat top center; background-size:cover; padding:50px 0;}
.znfoot1{ width:80%; margin:0 auto; border-bottom:1px solid #888888; padding-bottom:15px;}
.znfoot1 span{ width:35%; text-align:right; color:#b13036; font-size:32px; margin-top:35px;}
.znfoot2{ width:80%; margin:0 auto;}
.znfoot2-01{ width:32%; margin-top:45px;}
.znfoot2-1{ width:170px; margin-right:2%;}
.znfoot2-1 h1{ display:block; width:100%; float:left; font-size:16px; color:#FFF;}
.znfoot2-1 ul{ width:100%; float:left; margin-top:10px;}
.znfoot2-1 li{ width:100%; float:left; line-height:30px;}
.znfoot2-1 li a{ color:#a3a3a3; }
.znfoot2-1 li a:hover{ color:#a3a3a3; text-decoration:underline;}

.znfoot2-2{ width:80px;margin-right:2%;}
.znfoot2-2 h1{ display:block; width:100%; float:left; font-size:16px; color:#FFF;}
.znfoot2-2 ul{ width:100%; float:left; margin-top:10px;}
.znfoot2-2 li{ width:100%; float:left; line-height:30px;}
.znfoot2-2 li a{ color:#a3a3a3;}
.znfoot2-2 li a:hover{ color:#a3a3a3; text-decoration:underline;}

.znfoot2-02{ width:55%;margin-top:45px;}
.znfoot2-02-1{ width:120px; text-align:center; color:#FFF;}
.znfoot2-02-1 img{ margin-bottom:12px; margin-top:15px;}
.znp01{ width:325px; color:#FFF; line-height:35px; margin-left:5%;}

.znfoot3{ width:80%; border-top:1px solid #888888; line-height:45px; margin:0 auto; margin-top:25px;}
/********************************************************************/

.neiba {
    overflow: hidden;
    width: 100%;
}
.slideshowba {
	margin-top:110px;
    height:300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#b13036 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#b13036 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#b13036 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*********************************************************/
.znneiab{ width:80%; margin:0 auto; height:60px; font-size:14px;color:#98989a; line-height:60px;}
.znneiab span{ color:#b13036;}
.neixian{ display:block; width:100%; margin:0 auto; height:1px; border:none; background:#d9d9dd;}
/*********************************************/

.znneiab2{ width:80%; margin:0 auto;}
.znneiab2-1{ width:20%; }
.znsp02{ width:100%; height:47px; line-height:47px; background:#b13036; color:#FFF; font-size:18px; text-align:center;}
.znneiab2-1 ul{ width:100%; float:left;}
.znneiab2-1 li{ width:100%; float:left; text-align:center;}
.znneiab2-1 li a{ display:block; width:100%; height:47px; line-height:47px; border-bottom:1px solid #d9d9dd;}
.znneiab2-1 li a:hover{ background:#b13036; color:#FFF;}
.znneiab2-1 li a#neicur{background:#b13036; color:#FFF;}

.znneiab2-2{ width:74.5%; line-height:28px;border-left:1px solid #d9d9dd; padding:2.5%;}
/**/

.znneiab2-3{ width:74.5%;border-left:1px solid #d9d9dd; padding:2.5%;}
.znneiab2-3 ul{ width:100%; float:left;}
.znneiab2-3 li{ width:30%; float:left; margin:1.5%; cursor:pointer; text-align:center; border:1px solid #999;}
.znneiab2-3 li a img{ width:100%; float:left; height:auto;}
.znneiab2-3 li a span{ display:block; width:100%; float:left; height:42px; line-height:42px; background:#b13036; color:#FFF;}
.znneiab2-3 li:hover span{ background:#000; color:#FFF;}
/**/

.znneiab2-4{width:74.5%;border-left:1px solid #d9d9dd; padding:2.5%;}
.znneiab2-4 ul{ width:100%; float:left;}
.znneiab2-4 li{ width:95%; float:left; border-bottom:1px solid #d9d9dd; padding-bottom:25px; cursor:pointer; padding:2.5%;}
.znneiab2-4 li a h1{ display:block; width:100%; float:left; font-size:16px;}
.znneiab2-4 li a h2{ display:block; width:100%; float:left; font-size:14px; font-weight:normal; margin-top:10px; color:#999;}
.znneiab2-4 li a span{ display:block; width:100%; float:left; color:#b13036; margin-top:25px; font-size:14px;}
.znneiab2-4 li:hover{ background:#e9e9ee;}
/**/
.znneiab2-5{width:74.5%;border-left:1px solid #d9d9dd; padding:2.5%;}
.dynei4-1{ width:100%; line-height:24px; border-bottom:1px solid #d9d9dd; padding-bottom:50px;}

.dynei4-2{ width:100%; margin-top:30px;}
.dynei4-2 h1{ display:block; width:100%; font-size:20px; color:#b13036; float:left;}
.dynei4-2 ul{ width:100%; margin-top:12px; float:left;}
.dynei4-2 li{ width:50%; float:left; margin:12px 0;}

.dynei4-3{ width:100%; margin-top:30px;}
.message{ width:100%; float:left;}
.blzh8{ display:block; width:100%; font-size:20px; color:#b13036;}
.message .box{  margin-top:50px;}
.message .box li{line-height:47px;margin-bottom:25px; }
.message .box li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#b59665;}
.message .box li textarea.input-text{height:84px;line-height:24px;resize:none;}
.message .box li.btn{ margin:0 1.5%;}
.message .box li .button{cursor:pointer;width:20%;border:none;height:40px; float:left; background-color:#b13036;border-radius:20px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#0857b3; color:#FFF;} 
.btnll{ margin-left:28%; margin-right:20px;}
/*********/


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}